<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>案例</title>
		
		<link rel="stylesheet" type="text/css" href="css/swiper.css"/>	
	
		<link rel="stylesheet" type="text/css" href="css/slide5.css"/>
		<link rel="stylesheet" type="text/css" href="css/anL.css"/>
		
	</head>
	<body>
		<div id="wrap">	
			<!--<header  style="display: block;">
			<div class="header">
				<a href="" class="logo">
					<a href="" class="logo_change">
						<img id="img2" src="images/index/logo21X.png" style="width:0.8rem;" />
					</a>
				</a>
				<ul>
					<li >
						<a href="index.html" class="header_li">
							首页
						</a>
					</li>
					<li class="price" onclick="window.location.href='product.html'">
						<a href="product.html" class="header_li">
							产品
						</a>
						<div class="product-box">
							<ol class="header-ul">
								<li>
									<span>
												<a href="BDP.html" style="color: #fff;text-decoration: none;">一站式大数据应用平台&nbsp;</a>		
									</span>
								</li>
								<li>
									<span>
													<a href="MBI.html" style="color: #fff;text-decoration: none;">自助式企业级BI平台&nbsp;</a>	
									</span>
								</li>
								<li>
									<span>
													<a href="BPM.html" style="color: #fff;text-decoration: none;">总线式业务协同平台&nbsp;</a>	
													</span>
								</li>
								<li>
									<span>
														<a href="DIP.html" style="color: #fff;text-decoration: none;">可视化集成开发平台&nbsp;</a>
													</span>
								</li>
								<li>
									<span>
														<a href="DAP.html" style="color: #fff;text-decoration: none;">多层级数据采集平台&nbsp;</a>
													</span>
								</li>
								<li>
									<span>
														<a href="IDP.html" style="color: #fff;text-decoration: none;">泛数据集成与交换平台&nbsp;</a>
													</span>
								</li>
								<div>
								</div>
							</ol>
						</div>
					</li>
					<li>
						<a href="precept.html" class="header_li">
							方案
						</a>
					</li>
					<li>
						<a href="case.html" class="active">
							案例
						</a>
					</li>
					<li>
						<a href="active.html" class="header_li">
							活动资讯
						</a>
					</li>
					<li>
						<a href="" class="header_li">
							在线演示
						</a>
					</li>
					<li>
						<a href="team.html" class="header_li">
							伙伴合作
						</a>
					</li>
					<li style="margin-left: -5px;">
						<a href="about.html" class="header_li">
							关于
						</a>
					</li>
				</ul>
				<a href="" class="username" >
					用户中心
				</a>
			</div>
			
		</header>-->
			<div class="about_banner">
				<div class="about_body">
					<div class="banner_title" style="width: 2.9rem;">
						<p>
							<span>宇动源是十余家央企集团和中央部委之选</span>
						</p>
						<p><span>拥有众多的</span><span class="span">企业客户</span>及<span class="span">合作伙伴</span> </p>
						<p> <span>案例遍布各行各业</span></p>
					</div>
				</div>
			</div>
			<div class="anL-content">
				<div class='about_body'>
					<!--集团控制-->
					<div class="swiper-container swiper-container1">
						<div class="control-title">
							<p></p>集团控制
						</div>
						<div class="swiper-wrapper">
							
							<div class="swiper-slide">
								
								<ul class="swiper-ul">
									<li class="swiper-li">
										<div class="swiper_liImg">
											<img src="images/index/friend/friend1.png"/>
											国家开发投资公司
										</div>
										<div class="swiper_li_content">
											<h5>
												国投经营
											</h5>
											
												<img src="images/anL/jy.jpg"/>
											
										</div>
										<div class="yin_li" >
											<p name="cosmo_case_gtjy">查看</p>
										</div>
									</li>
									
									<li class="swiper-li">
										<div class="swiper_liImg">
											<img src="images/index/friend/friend1.png"/>
											国家开发投资公司
										</div>
										<div class="swiper_li_content">
											<h5>
												国投十年
											</h5>
											<img src="images/anL/year.jpg"/>
										</div>
										<div class="yin_li">
											<p name="cosmo_case_gtsn">查看</p>
										</div>
									</li>
									
									<li class="swiper-li">
										<div class="swiper_liImg">
											<img src="images/index/friend/friend1.png"/>
											国家开发投资公司
										</div>
										<div class="swiper_li_content">
											<h5>
												国投财务
											</h5>
											<img src="images/anL/cw.jpg"/>
										</div>
										<div class="yin_li">
											<p name="cosmo_case_gtcw">查看</p>
										</div>
									</li>
									
									<li class="swiper-li">
										<div class="swiper_liImg">
											<img src="images/index/friend/friend1.png"/>
											国家开发投资公司
										</div>
										<div class="swiper_li_content">
											<h5>
												国投报表
											</h5>
											<img src="images/anL/bb.jpg"/>
										</div>
										<div class="yin_li">
											<p name="cosmo_case_gtbb">查看</p>
										</div>
									</li>
									
								</ul>
							
								
								<ul class="swiper-ul">
									<li class="swiper-li">
										<div class="swiper_liImg">
											<img src="images/index/friend/friend1.png"/>
											国家开发投资公司
										</div>
										<div class="swiper_li_content">
											<h5>
												国投交通
											</h5>
											<img src="images/anL/jt.jpg"/>
										</div>
										<div class="yin_li">
											<p name="cosmo_case_gtjt">查看</p>
										</div>
									</li>
									
									<li class="swiper-li">
										<div class="swiper_liImg">
											<img src="images/index/friend/friend1.png"/>
											国家开发投资公司
										</div>
										<div class="swiper_li_content">
											<h5>
												国投物流
											</h5>
											<img src="images/anL/wl.jpg"/>
										</div>
										<div class="yin_li">
											<p name="cosmo_case_gtwl">查看</p>
										</div>
									</li>
									
									<li class="swiper-li">
										<div class="swiper_liImg">
											<img src="images/index/friend/friend2.png"/>
											中国石油天然气勘探……
										</div>
										<div class="swiper_li_content">
											<h5>
												中化石油
											</h5>
											<img src="images/anL/sy.jpg"/>
										</div>
										<div class="yin_li">
											<p name="cosmo_case_zsy">查看</p>
										</div>
									</li>
									
									<li class="swiper-li" style="border: none; width: 2.72rem;">
										
									</li>
									
								</ul>
							</div>
							
							
						</div>
					
						<!--<div class="swiper-pagination"></div>-->
						
					
					</div>
				
					<div style="display: flex;justify-content: space-between; width: 100%;margin-bottom: 0.6rem;">
						<!--能源-->
						<div class="swiper-container swiper-container5" style="width: 48%;">
							<div class="control-title">
								<p></p>能源
							</div>
							<div class="swiper-wrapper">
								
								<div class="swiper-slide">
									<ul class="swiper-ul">
									<li class="swiper-li">
										<div class="swiper_liImg" style="padding-right: 0;">
											<img src="images/index/friend/friend2.png"/>
<!--中国石油天然气股份有限公司-->中国石油天然气勘探……
										</div>
										<div class="swiper_li_content">
											<h5>
												中石油
											</h5>
											<img src="images/anL/sy.jpg"/>
										</div>
										<div class="yin_li">
											<p  name="cosmo_case_zsy">查看</p>
										</div>
									</li>
									
									<li class="swiper-li">
										<div class="swiper_liImg">
											<img src="images/index/friend/friend1.png"/>
											国家开发投资公司
										</div>
										<div class="swiper_li_content">
											<h5>
												国投交通
											</h5>
											<img src="images/anL/jt.jpg"/>
										</div>
										<div class="yin_li">
											<p name="cosmo_case_gtjt">查看</p>
										</div>
									</li>
									</ul>
								</div>
							</div>					
						</div>
						<!--政府监管-->
						<div class="swiper-container swiper-container6" style="width: 49%;">
							<div class="control-title">
								<p></p>政府监管
							</div>
							<div class="swiper-wrapper">
								
								<div class="swiper-slide">
									<ul class="swiper-ul">
									<li class="swiper-li">
										<div class="swiper_liImg">
											<img src="images/index/friend/friend20.png" style="width:;"/>
											财政局
										</div>
										<div class="swiper_li_content">
											<h5>
												财政局
											</h5>
											<img src="images/anL/cwj.jpg"/>
										</div>
										<div class="yin_li">
											<p name="cosmo_case_czj">查看</p>
										</div>
									</li>
								<li class="swiper-li" style="border: none; width: 2.72rem;">
										
									</li>
									
									</ul>
								
								</div>
								
							</div>						
												
						</div>
						<!--<div class="swiper-container swiper-container6" style="width: 24%;border: none;box-shadow: none;"></div>-->
					</div>	
				</div>
			</div>
			<div id="slide5">
				<div class="slide5_content">
					<div class="slide5_footer">
						<div>
							<div>
								<p>
									网站导航
								</p>
								<div>
									<div class="footer_div_hover" >
										<a class="links" name="product.html">产品</a>
									</div>
									<div class="footer_div_hover">
										<a class="links" name="active.html">活动资讯</a>
									</div>
								</div>
								<div>
									<div class="footer_div_hover">
										<a class="links" name="precept.html">方案</a>
									</div>
									<div class="footer_div_hover" >
										在线演示
									</div>
								</div>
								<div>
									<div class="footer_div_hover" >
										<a class="links" name="case.html">案例</a>
									</div>
									<div class="footer_div_hover" >
										<a class="links" name="team.html">伙伴合作</a>
									</div>
								</div>
							</div>
							<div>
								<p>
									联系我们
								</p>
								<div>
									<img src="images/index/footer_icon1.png" /> 地址：
									<input type="text" id="slide5_inp" value="北京市海淀区黑泉路8号宝盛广场D7003" />
								</div>
								<div>
									<img src="images/index/footer_icon2.png" /> 邮箱：
									<input type="text" id="slide5_inp" value="info@cosmosource.com">
								</div>
								<div>
									<img src="images/index/footer_icon3.png" /> 电话： <input type="text" id="slide5_inp" value="400-963-8881" />
								</div>
							</div>
							<div>
								<p>
									关注我们
								</p>
								<div>
										<img src="images/index/weixin.png" width="59" height="59" class="foot_item1"/>
										<img src="images/index/weibo_hov.png" class="foot_item1" width="59" height="59"/>
									</div>
							</div>
							<!--<div class="clearbox"></div>-->
						</div>
						<div class="icp">
							<span style="cursor: pointer;">
								版权所有©2015 宇动源(北京)信息技术有限公司
							</span>
							<span style="cursor: pointer;">
													备案序号:京ICP备05013605号
												</span>
							<span style="cursor: pointer;">
								<a class="links" name="about.html" ><span class="footer_div_hover">关于我们</span></a>丨
													<a class="links" name="legalNotice.html"><span class="footer_div_hover">法律声明</span></a>丨
													<a class="links" name="privacy.html"><span class="footer_div_hover">隐私保护</span></a>
													
								</span>
						</div>
					</div>
				</div>
			</div>
		
		
		
		</div>
	</body>
	  <!-- Swiper JS -->
	  <script src="js/jquery-2.2.0.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/swiper.min.js"></script>
<script src="js/jquery.goup.min.js" type="text/javascript" charset="utf-8"></script>
  <!-- Initialize Swiper -->
  <script>
  	(function() {
			let html = document.documentElement;
			if (html.clientWidth <= 900) html.clientWidth = 900;
			html.style.fontSize = html.clientWidth * 20 / 320 + 'px';
			window.onresize = function() {
				
				if (html.clientWidth <= 900) {
					html.style.fontSize = 900 * 20 / 320 + 'px';
					return;
				}
				html.style.fontSize = html.clientWidth * 20 / 320 + 'px';
			};
		})();
	$(".links").click(function(){
			//alert(1)
			var links = $(this).attr("name");
			window.parent.location.hash = links;
		})
    var swiper = new Swiper('.swiper-container1', {
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
        renderBullet: function (index, className) {
          return '<span class="' + className + '">' + (index + 1) + '</span>';
        },
      },
    });
    var swiper = new Swiper('.swiper-container2', {
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
        renderBullet: function (index, className) {
          return '<span class="' + className + '">' + (index + 1) + '</span>';
        },
      },
    });
    var swiper = new Swiper('.swiper-container3', {
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
        renderBullet: function (index, className) {
          return '<span class="' + className + '">' + (index + 1) + '</span>';
        },
      },
    });
    var swiper = new Swiper('.swiper-container4', {
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
        renderBullet: function (index, className) {
          return '<span class="' + className + '">' + (index + 1) + '</span>';
        },
      },
    });
    var swiper = new Swiper('.swiper-container5', {
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
        renderBullet: function (index, className) {
          return '<span class="' + className + '">' + (index + 1) + '</span>';
        },
      },
    });
    var swiper = new Swiper('.swiper-container6', {
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
        renderBullet: function (index, className) {
          return '<span class="' + className + '">' + (index + 1) + '</span>';
        },
      },
    });
    $('.swiper-li').hover(function(){
    	$(this).find('.yin_li').css('display','block');
    },function(){
    	$(this).find('.yin_li').css('display','none');
    })
    $('.yin_li p').click(function(){
    	var na=$(this).attr('name');
    	//alert(na);
    	window.open('web/viewer.html?id='+na)
    })
    $('.price').mouseenter(function() {
	$('.product-box').show();
});
$('.price').mouseleave(function() {
	$('.product-box').stop().slideUp();
});
 $(document).ready(function () {



            $.goup({

                trigger: 100,

                bottomOffset: 150,

                locationOffset: 100,

                titleAsText: true

            });



        });
  </script>
</html>
